<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>APP</title>
    <!-- logo -->
    <link rel="bookmark" type="image/x-icon" href="/img/logo.png"/>
    <link rel="shortcut icon" href="/img/logo.png">
    <link rel="icon" href="/img/logo.png">
    <!-- Styles -->
    <link href="/css/app.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/jqcloud/1.0.4/jqcloud.min.css" rel="stylesheet">
    <link href="/css/home.css" rel="stylesheet">

</head>
<body id="app-layout">

<nav class="navbar navbar-default nav-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand" href="/" style="padding:5px;"><img class="logo" src="/img/logo.png"
                                                                       width="50px"><span
                        style="display: block;float: right" width="50px">TheCreator<br>APP评论分析平台</span></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li @if(isset(explode('/',URL::current())[3]) && explode('/',URL::current())[3] === "special" ) class="actived"@endif>
                    <a href="/special">特别关注</a><span
                            class="triangle-top"></span></li>
                <li @if(isset(explode('/',URL::current())[3]) && explode('/',URL::current())[3] === "followApp" ) class="actived"@endif>
                    <a href="/followApp">关注的APP</a><span
                            class="triangle-top"></span></li>
                <li @if(isset(explode('/',URL::current())[3]) && explode('/',URL::current())[3] === "details" ) class="actived"@endif>
                    <a href="/details">评论详情</a><span
                            class="triangle-top"></span></li>
                <li @if(isset(explode('/',URL::current())[3]) && explode('/',URL::current())[3] === "explain" ) class="actived"@endif>
                    <a href="/explain">使用说明</a><span
                            class="triangle-top"></span></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                @if(session("username"))
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false" id="username" data-spaid="{{session("SpAID")}}"
                       data-username="{{session("username")}}">{{session("username")}} <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/changePass">修改密码</a></li>
                        <li><a href="/myFollow">管理关注</a></li>
                        <li><a href="/myWords">管理分词</a></li>
                        <li><a href="/logout">登出</a></li>
                    </ul>
                </li>
                @else
                    <li>
                        <a href="#" id="index_login">登陆</a>
                    </li>
                @endif
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<div class="container-fluid">
    <div class="row clearfix">
        <div class="col-md-10 col-md-offset-1">
            @yield("content")
        </div>
    </div>
</div>

<nav class="navbar navbar-bottom">
    <a href="/">关于</a>
</nav>


<!-- JavaScripts -->
<script src="/js/app.js"></script>
<script src="/js/echarts.min.js"></script>
<script src="//cdn.bootcss.com/jqcloud/1.0.4/jqcloud-1.0.4.min.js"></script>
<script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="/js/home/home.js"></script>
<script src="/js/layer/layer.js"></script>
@yield('js')

</body>
</html>
